.flex {
  display: flex;
}

// 块级元素主轴&侧轴居中
.flex-center {
  justify-content: center;
  align-items: center;
}

// 主轴方向居中
.flex-row-center {
  justify-content: center;
}

// 侧轴方向居中
.flex-column-center {
  align-items: center;
}

// 主轴方向折行
.flex-warp {
  flex-wrap: wrap;
}

// 改变flex的主轴为column
.flex-column {
  flex-direction: column;
}

// 主轴方向为两边对齐
.justifly-between {
  justify-content: space-between;
}

// 主轴方向平均分布
.justifly-between {
  justify-content: space-around;
}

// 主轴方向左对齐
.justifly-left {
  justify-content: flex-start;
}

// 主轴方向右对齐
.justifly-right {
  justify-content: flex-end;
}

